@charset "utf-8";
/* CSS Document */
body{font-size:12px;background:#202033;max-width:400px; margin:auto;color:#fff; text-align:center;}
.disabled{pointer-events:none;}
.c-float-popWrap{text-align:center;}
.jibu_header{width:100%;height:60px; overflow:hidden; text-align:center;line-height:60px;font-size:14px; position:fixed;top:0; z-index:99;}
.header-left{float:left;width:40px;height:60px;background:url(../images/left.png) center no-repeat;background-size:16px;margin-left:5%;}
.header-right{float:right;width:40px;height:60px;background:url(../images/right.png) center no-repeat;background-size:16px;margin-right:5%;}
.jibu_yuan{width:240px;height:240px;border-radius:100%;background:#202033;margin:0 auto;}
 #invite{background:#fff;margin:20px;border-radius:100%;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.jibu_yuan>p{width:160px;height:160px; position:absolute;background:#202033;top:40px;left:40px;border-radius:100%;line-height:20px;box-sizing:border-box;padding-top:60px;font-size:14px;}
.jibu_yuan>p>span{font-size:40px;color:#ff6400;}
.jibu_shuju{width:90%;border-bottom:1px solid #9999cc;color:#9999cc;margin:10px auto; overflow:hidden;padding:12px 0;line-height:24px;}
.jibu_shuju>div{width:33.3%;float:left;}
.jibu_shuju>div>p{color:#fff;font-size:24px;}
.jibu_shuju2{ text-align:left;padding:20px 10%;color:#9999cc;}
.jibu_shuju2>span{font-size:30px;color:#fff;}
.jibu_shuju2>a{width:80px;background:#4e4e6c;float:right; text-align:center;line-height:24px;border-radius:24px;margin-top:12px;}
.jibu_btn{width:80%;margin:0 10% 20px 10%;height:44px;background:#ff6400;border-radius:10px;box-shadow:0px 0px 4px #272b3a; -webkit-box-shadow:0px 0px 10px #272b3a;font-size:16px;line-height:44px;}
.header_over{width:94%;margin:10px 3%;border:2px solid #4b4b67;height:44px;line-height:38px;box-sizing:border-box;border-radius:6px;}
.header_over>a{width:33.3%;height:40px;float:left;border:1px solid #4b4b67;box-sizing:border-box;font-size:14px;color:#fff;}
.header_act{background:#4b4b67}
.save_rule{font-size: 12px;line-height: 22px;padding: 10px 5%; text-align:left;}
.save_rule>p {font-size:14px;line-height:28px;}
.jibu_prize{width:94%;margin:10px 3%; overflow:hidden;}
.jibu_prize>li{width:100%;line-height:36px;background:#4e4e6c;border-radius:6px;box-sizing:border-box;padding:0 20px; text-align:left;color:#ff6000;font-size:15px;margin:10px 0;}
.jibu_prize>li>span{float:right;color:#fff;font-size:12px;}
.prize_foot{width:100%;height:44px; position:fixed;bottom:0;line-height:44px;background:#2f2f47;}
.prize_foot>span{color:#ff6000;}
.prize_foot>span>span{font-size:16px;}
.jibu_exchange{width:94%;margin:10px 3%; overflow:hidden;}
.jibu_exchange>li{width:100%;height:94px; overflow:hidden;background:#4e4e6c;border-radius:5px;border-bottom:3px solid #2f2f47;margin:10px 0;}
.exchange_1{width:48%;float:left;line-height:94px;color:#ff6000;font-size:16px;}
.exchange_1>span{font-size:32px;}
.exchange_2{width:4%;float:left;}
.exchange_3{width:48%;float:left;font-size:12px;padding-top:18px;}
.exchange_3>span{font-size:14px;}
.exchange_3>a{width:100px;height:32px;background:#2f2f47; display:inline-block;line-height:32px;border-radius:4px;margin-top:6px;}
.header_over2{width:94%;margin:10px 3%;border:2px solid #4b4b67;height:44px;line-height:38px;box-sizing:border-box;border-radius:6px;}
.header_over2>a{width:25%;height:40px;float:left;border:1px solid #4b4b67;box-sizing:border-box;font-size:14px;}
.data_bo{width:100%;background:#2f2f47;padding-bottom:20px;}
.data_tj{ text-align:left;width:94%;margin:20px 3%;}
.data_tj>div{width:100%;height:40px;line-height:40px;background:#4b4b67;border-radius:6px;margin:10px 0;box-sizing:border-box;padding:0 12px;}
.data_tj>div>img{margin-right:6px; display:inline-block;margin-top:-5px;}
.data_tj>div>span{font-size:18px;color:#ff6000;margin-right:6px;}
#data_year,#data_week{margin:0 auto;}
.week-da{ text-align:left;padding:10px; overflow:hidden;}
.week-da>span{font-size:18px;color:#ff6000;margin-right:4px;}
.week-da2{float:right;line-height:26px;color:#9999cc;}
.week-da2 img{width:10px;}
.week-da2>a{padding:0 8px;}
.week-da2>span{width:100px; display:inline-block; text-align:center;}
.week-da3{width:320px;overflow:hidden;margin:0 auto;}
.week-da3>a{width:14.2%;float:left;color:#9999cc;}
.data_po{width:100%;height:320px;    overflow: hidden;}
.month-da3{width:620px;overflow:hidden;margin:0 auto;}
.month-da3>a{width:20px;float:left;color:#9999cc;}
.year-da3{width:320px;overflow:hidden;margin:0 auto;}
.year-da3>a{width:8.33%;float:left;color:#9999cc;}
.zong-da3{width:320px;overflow:hidden;margin:0 auto;}
.zong-da3>a{width:64px;float:left;color:#9999cc;}
.h5-loading{width:100%;height:100%;background:rgba(0,0,0,0.6);background-size:60px; position:fixed;top:0; z-index: 999999999; }
.h5-loading>img{width:40px;height:40px;display:block; position:relative;left:50%;top:50%;margin-left:-20px;margin-top:-20px;
animation-name: h5-loading;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: h5-loading;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
@keyframes h5-loading
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@-webkit-keyframes h5-loading
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.refresh{width:100%;height: 0px;line-height: 60px; overflow:hidden;}
.data_month{width: 620px;height: 320px; z-index: 111; overflow:hidden;}








